hexo-theme-believe 说明文档(2) - th是个小屁�?/title> <link rel="shortcut icon" href="/blog/favicon.ico">  <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/blog/css/thplayer.css">  <link rel="stylesheet" href="/blog/css/style.css"> <script src="js/jquery.js"></script> </head> <body>  <header class="site-header"> <div class="header-inside"> <div class="logo"> <a href="http://www.tianhao.site" rel="home"> <img src="img/timg.jpg" alt="th是个小屁�? height="60"> </a> </div> <a class="header-name" href="/blog/"> <span>th是个小屁�?/span> 的部落宅 </a>  <nav class="navbar">  <div class="collapse"> <ul class="navbar-nav"> <li> <a href="/blog/."> <i class="fa fa-home "></i> 首页 </a> </li> <li> <a href="/blog/archives"> <i class="fa fa-archive "></i> 归档 </a> </li> <li> <a href="/blog/about"> <i class="fa fa-user "></i> 关于 </a> </li> <li> <a href="/blog/project"> <i class="fa fa-folder-open "></i> 项目 </a> </li> <li> <a href="/blog/photo"> <i class="fa fa-photo "></i> 相册 </a> </li> <li> <a href="/blog/guestbook"> <i class="fa fa-edit "></i> 留言 </a> </li> <li> <a href="/blog/one"> <i class="fa fa-bicycle "></i> one </a> </li> <li> <a href="/blog/atom.xml"> <i class="fa fa-send "></i> RSS </a> </li> </ul> </div>  </nav> <div class="button-wrap"> <button class="menu-toggle">Primary Menu</button> </div> </div> </header>  <div class="content-area"> <div class="post">  <div class="container"> <article>  <div class="post-header"> <h1 class="entry-title"> hexo-theme-believe 说明文档(2) </h1> </div> 　　　　　　　　<p class="a-posted-on">2017-03-05</p>  <div class="entry-content"> <p><img src="img/591beb0c3de8c0ff554323ebfcd3e67a53f7b72c950a-wzejG2_fw658.jpg" width="600" height="347"><br> <a id="more"></a></p> <h1 id="hexo-theme-believe"><a href="#hexo-theme-believe" class="headerlink" title="hexo-theme-believe"></a>hexo-theme-believe</h1><p>这个主题取名believe.希望选用这个主题的人永远相信美好的事情即将发生�?br>A simple theme for Hexo named believe. :point_right: <a href="http://www.tianhao.site/blog">Demo</a> :point_left:</p> <h2 id="Version-2-0"><a href="#Version-2-0" class="headerlink" title="Version 2.0"></a>Version 2.0</h2><ol> <li><strong>add cover-header</strong></li> <li><strong>add photos page</strong></li> <li><strong>fixed bugs</strong></li> </ol> <h2 id="ScreenShot"><a href="#ScreenShot" class="headerlink" title="ScreenShot"></a>ScreenShot</h2><p><img src="img/fengmian.jpg" alt="Daily"></p> <h2 id="Usage"><a href="#Usage" class="headerlink" title="Usage"></a>Usage</h2><ol> <li><p>In the <code>root</code> directory:</p> <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">$ git clone https://github.com/th720309/hexo-theme-believe.git</div><div class="line">$ npm install --save hexo-renderer-sass</div></pre></td></tr></table></figure> </li> <li><p>Change the <code>theme</code> property in the <code>config.yml</code> file.</p> <figure class="highlight yml"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line"><span class="comment"># theme: landscape</span></div><div class="line"><span class="attr">theme:</span> <span class="string">hexo-theme-believe</span></div></pre></td></tr></table></figure> </li> <li><p>Run: <code>hexo server</code></p> </li> </ol> <p>##Configuration</p> <hr> <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div><div class="line">25</div><div class="line">26</div><div class="line">27</div><div class="line">28</div><div class="line">29</div><div class="line">30</div><div class="line">31</div><div class="line">32</div><div class="line">33</div><div class="line">34</div><div class="line">35</div><div class="line">36</div><div class="line">37</div><div class="line">38</div><div class="line">39</div><div class="line">40</div><div class="line">41</div><div class="line">42</div><div class="line">43</div><div class="line">44</div><div class="line">45</div><div class="line">46</div><div class="line">47</div><div class="line">48</div><div class="line">49</div><div class="line">50</div><div class="line">51</div><div class="line">52</div><div class="line">53</div><div class="line">54</div><div class="line">55</div><div class="line">56</div><div class="line">57</div><div class="line">58</div><div class="line">59</div><div class="line">60</div><div class="line">61</div><div class="line">62</div><div class="line">63</div><div class="line">64</div><div class="line">65</div><div class="line">66</div><div class="line">67</div><div class="line">68</div><div class="line">69</div><div class="line">70</div><div class="line">71</div><div class="line">72</div><div class="line">73</div></pre></td><td class="code"><pre><div class="line"># basic</div><div class="line">title: believe</div><div class="line">subtitle: 笔直向前，说到做�?/div><div class="line">favicon: /favicon.ico</div><div class="line"></div><div class="line">#logo</div><div class="line">logo: img/timg.jpg</div><div class="line"></div><div class="line"># duoshuo-comment</div><div class="line">duoshuo_shortname: </div><div class="line"></div><div class="line">highlight:</div><div class="line"> enable: true</div><div class="line"> line_number: false</div><div class="line"> auto_detect: false</div><div class="line"> tab_replace:</div><div class="line"></div><div class="line"># nav #</div><div class="line">nav:</div><div class="line"> - id: 首页</div><div class="line"> url: .</div><div class="line"> icon: home</div><div class="line"> - id: 归档</div><div class="line"> url: archives</div><div class="line"> icon: archive</div><div class="line"> - id: 关于</div><div class="line"> url: about</div><div class="line"> icon: user</div><div class="line"> - id: 项目</div><div class="line"> url: project</div><div class="line"> icon: folder-open</div><div class="line"> - id: 相册</div><div class="line"> url: photo</div><div class="line"> icon: photo</div><div class="line"> - id: 留言</div><div class="line"> url: guestbook</div><div class="line"> icon: edit</div><div class="line"> - id: one</div><div class="line"> url: one</div><div class="line"> icon: bicycle</div><div class="line"> - id: RSS</div><div class="line"> url: atom.xml</div><div class="line"> icon: send</div><div class="line"> </div><div class="line"># photo</div><div class="line">photo:</div><div class="line"> - title: </div><div class="line"> url: </div><div class="line"> - title: </div><div class="line"> url: </div><div class="line"> - title: </div><div class="line"> url: </div><div class="line"> - title: </div><div class="line"> url: </div><div class="line"> </div><div class="line"></div><div class="line"># hexo-renderer-sass</div><div class="line">node_sass:</div><div class="line"> outputStyle: nested</div><div class="line"> precision: 5</div><div class="line"> sourceComments: false</div><div class="line"></div><div class="line"># Default post title</div><div class="line">default_post_title: Untitled</div><div class="line"></div><div class="line"># social</div><div class="line">social:</div><div class="line"> github: https://github.com/th720309</div><div class="line"> weibo: http://weibo.com/th0527</div><div class="line"> twitter: https://twitter.com</div><div class="line"> facebook: https://facebook.com</div><div class="line"></div><div class="line">footer: Powered by <a href="https://hexo.io/">Hexo</a> with Theme <a href="http://www.tianhao.site/blog">believe</a></div></pre></td></tr></table></figure> <p>##Features</p> <hr> <h2 id="How-to-add-comment-field-in-your-article"><a href="#How-to-add-comment-field-in-your-article" class="headerlink" title="How to add comment field in your article?"></a>How to add comment field in your article?</h2><p> 编辑站点�?config.yml ，添�?duoshuo_shortname 字段，设置如�? </p> <pre><code># duoshuo-comment duoshuo_shortname: 此处为你的多说帐�? 　 </code></pre><h2 id="How-to-set-cover-in-home-page"><a href="#How-to-set-cover-in-home-page" class="headerlink" title="How to set cover in home page?"></a>How to set cover in home page?</h2><pre><code># cover cover_img: img/back.jpg cover_avator: img/avator.jpg cover_info: 欢迎来到我的博客</br>by:th是个小屁�? </code></pre><h2 id="How-to-add-baiduanalysis-in-your-website"><a href="#How-to-add-baiduanalysis-in-your-website" class="headerlink" title="How to add baiduanalysis in your website?"></a>How to add baiduanalysis in your website?</h2><pre><code># baiduanalysis(用于百度站长工具验证所有权的ID) (sample)baiduanalysis: https://hm.baidu.com/hm.js?c0451e16533956173997b85f7a8de666 </code></pre><h2 id="How-to-customize-page-footer"><a href="#How-to-customize-page-footer" class="headerlink" title="How to customize page footer?"></a>How to customize page footer?</h2><p>编辑站点�?_config.yml，添�?/p> <pre><code>footer: 你要自定义的内容（支持HTML标签�? # 举例�? # footer: Powered by <a href="https://hexo.io/">Hexo</a> with Theme <a href="http://www.tianhao.site/blog">believe</a> </code></pre><p>最近看到好多同学使用了这个主题，遇到一些问题，我统一回复一下�?/p> <hr> <h2 id="相册�?><a href="#相册�? class="headerlink" title="相册�?></a>相册�?/h2><p> 找到hexo文件夹，找到source文件夹，添加文件夹命名为photo，文件夹内添加index.md文件，index.md文件内输�?/p> <pre><code>--- layout: photo title: 相册 date: 2017-02-08 09:40:04 type: "photo" --- </code></pre><p>　　编辑config.yml内的photo,对应照片的title和url.</p> <hr> <h2 id="留言和关于页"><a href="#留言和关于页" class="headerlink" title="留言和关于页"></a>留言和关于页</h2><p>　　　许多同学添加了这两个页面后发现没有显示，not found 404,　原因是未添加内容。找到hexo文件夹，找到source文件夹，添加对应名称文件夹，文件夹内添加index.md文件，index.md文件内输入markdown格式文档，便可以显示出来相对应的专页了。如下所示：</p> <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div></pre></td><td class="code"><pre><div class="line">�?--</div><div class="line">layout: post</div><div class="line">title: 关于我　</div><div class="line">type: about</div><div class="line">tag: 关于</div><div class="line">---</div><div class="line"> </div><div class="line">## **About Me**</div><div class="line"></div><div class="line">关于我，一个未来的小小程序员，茫茫宇宙中的一粒小石子。目前就读于大连交通大学，一个苦逼的理工男。凭借着一点点的兴趣已经走过了三个年头，现在已经是大四的老油条，但总的来说还是一个小屁孩，哈哈�?/div><div class="line"></div><div class="line">## **About Blog**</div><div class="line"></div><div class="line">平时喜欢写写博客，之前一直在CSDN记录一些算法题和一些完成的小作品，这次借助hexo+Github page 搭建了这个博客，打算写写个人的一些感悟影评什么的，当然可能也会有一些IT类的文章，谁让我是苦逼理工男（逃）�?/div><div class="line"></div><div class="line">## **Contact Me**</div><div class="line"></div><div class="line">新浪微博：[点击进入我的新浪微博（可以加个关注哈哈）](http://weibo.com/th0527)</div><div class="line"></div><div class="line">知乎：[点击进入我的知乎](https://www.zhihu.com/people/tian-hao-69-26)</div><div class="line"></div><div class="line">Github: [点击进入我的github(欢迎fork me)](https://github.com/th720309)</div><div class="line"></div><div class="line">CSDN : [点击进入我的CSDN](http://blog.csdn.net/u013775952)</div></pre></td></tr></table></figure> <hr> </div> </article> </div>  <div class="container" > <ul class="pager"> <li class="previous"> <a href="/blog/2017/02/23/《JavaScript DOM 编程艺术2�?笔记摘抄 /" rel="prev">下一�?/a> </li> <li class="next"> <a href="/blog/2017/03/14/Javascript变量对象学习笔记/" rel="prev">上一�?/a> </li> </ul> </div> 　　　　 <div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div> <script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script> <script> var cloudTieConfig = { url: document.location.href, sourceId: "", productKey: "df8ef703a5a1404fb862cb96bfb8272c", target: "cloud-tie-wrapper" }; var yunManualLoad = true; Tie.loader("aHR0cHM6Ly9hcGkuZ2VudGllLjE2My5jb20vcGMvbGl2ZXNjcmlwdC5odG1s", true); </script> 　　　　 </div> </div> 　　 <div id="rocket-to-top"> <div class="level-2"></div> <div class="level-3"></div> </div> <script src="js/top.js"></script> <script type="text/javascript" src="js/jquery.js"></script>   <footer class="site-info"> <p> <span>th是个小屁�?© 2017</span> <span class="split">|</span> <span>th是个小屁孩的技术小�?/span> </p> <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script> 本站总访问量<span id="busuanzi_value_site_pv"></span>�? 本站访客�?span id="busuanzi_value_site_uv"></span>人次 </footer>   <script src="/blog/js/app.js"></script>  <script type="text/javascript"> var duoshuoQuery = {short_name:'th720309'}; (function() { var ds = document.createElement('script'); ds.type = 'text/javascript';ds.async = true; ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js'; ds.charset = 'UTF-8'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds); })(); </script>  </body> </html>